<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <title>Cubesoft</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
        <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
        <link href="css/style.css" rel="stylesheet" type="text/css"/>
    </head>
    <body>
        <div>
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                </ol>

                <!-- Wrapper for slides -->
                <div class="carousel-inner">
                    <div class="item active">
                        <img src="images/slide1.jpg" alt="" class="img-responsive">
                    </div>
                    <div class="item">
                        <img src="images/slide2.jpg" alt="" class="img-responsive">
                    </div>
                    <div class="item">
                        <img src="images/slide3.jpg" alt="" class="img-responsive">
                    </div>
                </div>

                <!-- Controls -->
                <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
                    <span class="icon-prev"></span>
                </a>
                <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
                    <span class="icon-next"></span>
                </a>
            </div>

            <div class="container">
                <div class="row">
                    <div class="col-md-4">
                        <div class="squere-purple">
                            <h2>Sites responsivos por apenas R$ 150,00 por páginas</h2>
                            <p>Tenha sua própria webpage por preços imbatíveis, 
                            contate-nos agora mesmo e faça seu orçamento.</p>
                            <button class="btn btn-success">Orçamento</button>
                        </div>                        
                    </div>
                    <div class="col-md-4">
                        <div class="squere-vinho">
                            <h2>Cursos profissionalizantes por apenas R$ 199,90</h2>
                            <p>No conforto de sua casa você pode aprender bastante
                            com os cursos de Webdesign, JAVA, Corel Draw e etc...</p>
                            <button class="btn btn-success">Orçamento</button>
                        </div>                        
                    </div>
                    <div class="col-md-4">
                        <div class="squere-yellow">
                            <h2>Logotipo e identidade visual a partir R$ 99,90</h2>
                            <p>Tenha já com a melhor qualidade seu logotipo ou sua 
                            identidade visual completíssima. Mostre sua empresa!!</p>
                            <button class="btn btn-success">Orçamento</button>
                        </div>                        
                    </div>
                </div>
                <br>
                <div class="row">
                    <div class="col-lg-12">
                        <div class="jumbotron">
                            <h1>Conheça nosso portifólio</h1>
                            <br>
                            <h4>Nosso trabalho é fazer sempre o melhor para as melhores 
                            empresas do mundo. Teste, conheça-nos vamos te mostrar que 
                            arte nem sempre é brincadeira.</h4>
                            <br>
                            <button class="btn btn-primary">Portifólio</button>
                        </div>
                    </div>
                </div>
                <br>
                <div class="row">
                    <div class="col-md-12">
                        <a href="#"><i class="fa fa-facebook-square"></i></a>
                        <a href="#"><i class="fa fa-twitter-square"></i></a>
                        <a href="#"><i class="fa fa-youtube-square"></i></a>
                        <div class="pull-right">
                            <span class="text">Mais simples impossível!!</span>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="navbar navbar-default">
                <div class="container">
                    <span class="navbar-text">Cubesoft inc. Copyright &copy; 2009 - 2014. Todos os direitos reservados.</span>
                    <img src="images/logo.png" alt="" class="img-responsive pull-right tt">
                </div>
            </div>

        </div>

        <!--Importações
        ===============-->
        <script src="js/libs/jquery/jquery.js" type="text/javascript"></script>
        <script src="js/bootstrap.min.js" type="text/javascript"></script>
    </body>
</html>
